			var currentImg = 0;
			var imgItems = document.querySelectorAll('.imgItem');
			console.log(imgItems);
			var next = document.querySelector('.btn.next');
			var pre = document.querySelector('.btn.pre');
			
			next.onclick = function(){
				currentImg++;
				if(currentImg>=imgItems.length){
					currentImg = 0;
				}
				changeImg();
			}
			pre.onclick = function(){
				currentImg--;
				if(currentImg<0){
					currentImg = imgItems.length-1
				}
				changeImg();
			}
var circleBtns = document.querySelectorAll('.circleBtn')
var circleListDiv = document.querySelector(".circleList")
circleListDiv.addEventListener('click',function(event){
	if(event.target.classList.contains('circleBtn')){//如果事件起始点的类名包含cir则
		currentImg = event.target.id[1];
		changeImg()
	}
})
			var texts = document.querySelectorAll('.text')
			function changeImg(){
				imgItems.forEach(function(item,i){
					item.classList.remove('active')
				})
				circleBtns.forEach(function(btn,i){
					btn.classList.remove('activec')
				})
				texts.forEach(function(txt,i){
					txt.classList.remove('activet')
				})
				imgItems[currentImg].classList.add('active')
				circleBtns[currentImg].classList.add('activec')
				texts[currentImg].classList.add('activet')
			}